<div class="apes-dialog-cascader">

  <div class="apes-dialog-cascader-box" *ngFor="let data of listData; let i = index;">
    <ul *ngFor="let list of data.data" class="apes-dialog-cascader-ul">
      <li>
        <div class="cascader-box-en">{{list.en}}</div>
        <div *ngFor="let li of sortShowData(list.data)"
             (click)="getLowerData(data.data,li,i+1)"
             class="cascader-box-name"
             [ngClass]="{'cascader-box-name-checked': li.checked}">
          <span>{{li.name}}</span>
          <!--<span *ngIf="li.finality && li.categoryPhotos"-->
                <!--apes-popover-->
                <!--apesPopoverTrigger="click"-->
                <!--[apesPopoverContent]="contentTemplate" (click)="showPhoto(li)" class="cascader-box-popover">-->
            <!--<i apes-icon apesType="picture"></i>-->
            <!--<ng-template #contentTemplate>-->
              <!--<apes-upload apesListType="picture-card"-->
                           <!--[apesFileList]="fileList"-->
                           <!--[apesShowButton]="false"-->
                           <!--[apesRemove]="handleRemove"-->
                           <!--[apesShowUploadList]="handleShowList()"></apes-upload>-->
            <!--</ng-template>-->
          <!--</span>-->
          <span *ngIf="li.finality && li.categoryPhotos" class="cascader-box-photo">
              <apes-images [apesList]="li['categoryPhotos']" ></apes-images>
          </span>
          <span class="cascader-box-right">
            <i *ngIf="!li.finality" apes-icon apesType="right"></i>
            <i *ngIf="li.finality" apes-icon apesType="download" (click)="selectData(li)"></i>
          </span>
        </div>
      </li>
    </ul>
  </div>

</div>
